你們好!今天是鐵人賽的第8天喔！今天要說的是border寬度還有將border的邊框變得不在只是方方正正的，變了有點弧度，甚至是變成圓形的感覺。

改變border的寬度

• border寬度的程式碼

將border的框變粗或變細

<div class="border border-1">border-1</div>
<div class="border border-2">border-2</div>
<div class="border border-3">border-3</div>
<div class="border border-4">border-4</div>
<div class="border border-5">border-5</div>

• border-radius的樣式

將border的框變得不在只是方的

<div class="rounded">rounded</div>
<div class="rounded-top">rounded-top</div>
<div class="rounded-bottom">rounded-bottom</div>
<div class="rounded-start">rounded-start</div>
<div class="rounded-end">rounded-end</div>
<div class="rounded-circle">rounded-circle</div>
<div class="rounded-pill">rounded-pill</div>

• border框的圓角尺寸大小

圓角尺寸大小

<div class="border rounded">rounded</div>
<div class="border rounded-1">rounded-1</div>
<div class="border rounded-2">rounded-2</div>
<div class="border rounded-3">rounded-3</div>

上面是在border上的框做些改變，是不是十分容易呀！只要套用現有的程式碼就能達成你想要的改變，而且整體使用下來的結果不會太難看。

以上是鐵人賽第八天的文章，很高興各位大佬的閱讀。